<!--
描述：招生管理-题库参数设置组件
开发人：hqj
开发日期：2018年10月25日
-->
<template lang="pug">
    keep-alive
        kalix-table(bizKey="questionSetting" title='题库参数设置信息' v-bind:targetURL="targetURL"
        v-bind:bizDialog="bizDialog" v-bind:btnList="btnList" v-bind:toolbarBtnList="toolbarBtnList"
        v-bind:isFixedColumn="isFixedColumn" v-bind:isExpandAll="isExpandAll")
            template(slot="tableColumnSlot")
                el-table-column(type="expand")
                    template(slot-scope="scope")
                        el-form(label-position="left" class="demo-table-expand")
                            el-form-item(label="题库功能是否开启")
                                span(v-if="scope.row.available") 已开启
                                span(v-else) 已关闭
                            el-form-item(label="题库去重相似度参数")
                                span {{scope.row.similarity }}
                            el-form-item(label="题库自动排重比对")
                                span(v-if="scope.row.repeated") 已开启
                                span(v-else) 已关闭
                            el-form-item(label="填空题比对状态")
                                span(v-if="scope.row.compareCompletion") 进行中
                                span(v-else) 已结束
                            el-form-item(label="单项选择题比对状态")
                                span(v-if="scope.row.compareChoice") 进行中
                                span(v-else) 已结束
                            el-form-item(label="主观题比对状态")
                                span(v-if="scope.row.compareSubject") 进行中
                                span(v-else) 已结束
                            el-form-item(label="面试题比对状态")
                                span(v-if="scope.row.compareInterview") 进行中
                                span(v-else) 已结束
                el-table-column(prop="available" label="题库功能是否开启" align="center")
                    template(slot-scope="scope")
                        el-tag(v-if="scope.row.available" type="success") 已开启
                        el-tag(v-else type="danger") 已关闭
                el-table-column(prop="similarity" label="题库去重相似度参数" align="center")
                el-table-column(prop="repeated" label="题库自动排重比对" align="center")
                    template(slot-scope="scope")
                        el-tag(v-if="scope.row.repeated" type="success") 已开启
                        el-tag(v-else type="danger") 已关闭
                el-table-column(prop="compareCompletion" label="填空题比对状态" align="center")
                    template(slot-scope="scope")
                        el-tag(v-if="scope.row.compareCompletion" type="danger") 进行中
                        el-tag(v-else type="success") 已结束
                el-table-column(prop="compareChoice" label="单项选择题比对状态" align="center")
                    template(slot-scope="scope")
                        el-tag(v-if="scope.row.compareChoice" type="danger") 进行中
                        el-tag(v-else type="success") 已结束
                el-table-column(prop="compareSubject" label="主观题比对状态" align="center")
                    template(slot-scope="scope")
                        el-tag(v-if="scope.row.compareSubject" type="danger") 进行中
                        el-tag(v-else type="success") 已结束
                el-table-column(prop="compareInterview" label="面试题比对状态" align="center")
                    template(slot-scope="scope")
                        el-tag(v-if="scope.row.compareInterview" type="danger") 进行中
                        el-tag(v-else type="success") 已结束
</template>

<script type="text/ecmascript-6">
    import {QSToolButtonList, QuestionSettingURL} from '../../config.toml'

    export default {
        name: 'kalix-enrolment-questionsetting',
        data() {
            return {
                btnList: QSToolButtonList,
                toolbarBtnList: [
                    {id: 'add', isShow: false}
                ],
                targetURL: QuestionSettingURL,
                bizDialog: [
                    {id: 'edit', dialog: 'QuestionSettingEdit'}
                ],
                isFixedColumn: true,
                isExpandAll: true
            }
        },
        components: {},
        mounted() {
        },
        activated() {
        },
        deactivated() {
        },
        methods: {}
    }
</script>

<style lang="stylus">
    .demo-table-expand
        label
            width 200px
            color #99a9bf
        .el-form-item
            margin-bottom 0
</style>
